<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>demo</title>
    <style>
        #adPicPerch {
            width: 100%;
            display: block;
            pointer-events: none;
        }

        #adPicFixed {
            display: block;
            width: 100%;
            position: fixed;
            bottom: 0;
            left: 0;
            text-decoration: none;
            color: #ffffff;
            z-index: 9;
            font-family: '微软雅黑', Arial, Helvetica, sans-serif;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        #adPicFixed img {
            box-shadow: 0px -2px 6px #4d4d4d;
            width: 100%;
            vertical-align: bottom;
            display: block;
            pointer-events: none;
        }

        #adPicFixed .adDateTxt {
            position: absolute;
            font-weight: bold;
            font-size: 0.245em;
            left: .645em;
            bottom: .95em;
            z-index: 10;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        @media screen and (max-width: 374px) {
            #adPicFixed .adDateTxt {
                left: .75em;
                transform-origin: left bottom;
                transform: scale(.8);
            }
        }

        #adPicFixed .adWexXin {
            position: absolute;
            font-size: 0.39em;
            left: 12.45em;
            top: 0;
            z-index: 10;
            text-align: center;
            width: 4.6em;
            padding-right: 2em;
            height: 100%;
            line-height: 2.9em;
            color: #F3DF28;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text;
            margin: 0;
        }
    </style>
</head>
<body>


<script>
    (function () {
        //向body底部追加div
        var html = '<div id="adPicFixed">' +
                '<img src="img/footAD.jpg" width="100%">' +
                '<div class="adDateTxt"><span id="adM"></span>月<span id="adD"></span>日</div>' +
                '<h4 class="adWexXin IWeiXinNum">zsz2592</h4>' +
                '</div>';
        var divEl = document.createElement('div');
        divEl.innerHTML = html;
        document.body.appendChild(divEl);
    })();
    (function (doc, win) {
        //父根像素适应变化
        var docEl = document.getElementById("adPicFixed"),
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                reCalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, reCalc, false);
        doc.addEventListener('DOMContentLoaded', reCalc, false);
    })(document, window);
    (function () {
        //日期
        var date = new Date();
        var m = date.getMonth() + 1;
        m = m > 9 ? m : '0' + m;
        var d = date.getDate();
        d = d > 9 ? d : '0' + d;
        document.getElementById("adM").innerHTML = m;
        document.getElementById("adD").innerHTML = d;
    })();
</script>


</body>
</html>